<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/recharge-center.css">
	<link rel="stylesheet" type="text/css" href="css/碳纤维汉真广标简体.ttf">
</head>
<body>
	<div class="recharge_center">
		<!-- 导航 -->
		<div class="nav">
			<div class="kk_logo">
				<img src="img/index/kk_logo.png">
			</div>
			<nav>
				<a href="index.html"><span data-hover="首页">首页</span></a>
				<a href="kk-dynamic.html"><span data-hover="KK动态" style="width: 64px;">KK动态</span></a>
				<a href="game-introduce.html"><span data-hover="游戏介绍">游戏介绍</span></a>
				<a href="personal-account.html"><span data-hover="个人账号">个人账号</span></a>
				<a href="recharge-center.html" style="color: rgb(144,38,242)"><span data-hover="充值中心">充值中心</span></a>
				<a href="customer-service.html"><span data-hover="客服问答">客服问答</span></a>
			</nav>
		</div>
		<!-- 分割线 -->
		<div style="height: 5px; background-color: #291D71"></div>
		<!-- 头部 -->
		<div class="top">
			<h1>
				<img src="img/kk-dynamic/kk_dynamic_title.png">
			</h1>
		</div>
		<!-- 支付流程 -->
		<div class="recharge_process">
			<div class="process_order_title">
				<ul>
					<li>
						<span>1</span>
						<span>填写订单</span>
					</li>
					<li>
						<span>2</span>
						<span>支付选项</span>
					</li>
					<li>
						<span>3</span>
						<span>支付完成</span>
					</li>
				</ul>
			</div>
			<!-- 分割线 -->
			<div style="width: 1200px; height: 5px; background-image: url(img/recharge-center/rechange_center_line.png); background-repeat: no-repeat; background-size: 100% 100%">
			</div>
			<!--  -->
			<div class="process_order_list">
				<ul>
					<li style="display:">
						<p><span>ID账号</span><input type="text" name="" value="6666666" disabled="disabled"></p>
						<p><span>充值金额</span><input type="text" name="" value="6元" disabled="disabled" id="recharge_amount"></p>
						<p><span>充值选项</span></p>
						<p><span>充值类型</span><input type="text" name="" value="元宝" disabled="disabled"></p>
						<p><span>获得元宝</span><input type="text" name="" value="6个" disabled="disabled" id="yuanbao_amount"></p>
						<button class="sure fill_order_sure">确定</button><button class="cancel">取消</button>
						<div class="choose_recharge_amount"> 
							<span><img src="img/recharge-center/rechange_center_yuanbao_pic.png">6元 6个元宝</span>
							<span><img src="img/recharge-center/rechange_center_yuanbao_pic.png">10元 10个元宝</span><br>
							<span><img src="img/recharge-center/rechange_center_yuanbao_pic.png">50元 50个元宝</span>
							<span><img src="img/recharge-center/rechange_center_yuanbao_pic.png">100元 100个元宝</span><br>
							<span><img src="img/recharge-center/rechange_center_yuanbao_pic.png">500元 500个元宝</span>
							<span><img src="img/recharge-center/rechange_center_yuanbao_pic.png">1000元 1000个元宝</span>
						</div>
					</li>
					<li style="display: none;">
						<div class="pay_method">
							<img src="img/recharge-center/rechange_center_cup_pay_pic.png">
							<p>银联支付</p>
						</div>
						<div class="pay_method">
							<img src="img/recharge-center/rechange_center_wechat_pay_pic.png">
							<p>微信支付</p>
						</div>
						<div class="pay_method">
							<img src="img/recharge-center/rechange_center_ali_pay_pic.png">
							<p>支付宝支付</p>
						</div>
						<button class="sure payment_method_sure">确定</button><button class="cancel">取消</button>
					</li>
					<li style="display: none;">
						<p><span>ID账号</span><input type="text" name="" value="6666666" disabled="disabled"></p>
						<p><span>充值金额</span><input type="text" name="" value="6元" disabled="disabled"></p>
						<p><span>支付选项</span><input type="text" name="" value="银联" disabled="disabled"></p>
						<p><span>充值金额</span><input type="text" name="" value="元宝" disabled="disabled"></p>
						<p><span>获得元宝</span><input type="text" name="" value="6个" disabled="disabled"></p>
						<button class="sure">完成</button>
					</li>
				</ul>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/recharge-center.js"></script>
</html>